/**
 * Created by GYL on 2018/7/25
 */
import React, { Component } from 'react';
import { Row, Col, Card, Input } from 'antd';
import Container from '../../components/common/Container';
import MyTable from '../../components/common/MyTable';
import PublicService from '../../services/PublicService';
class DeviceVideo extends Component {
    constructor(props) {
        super(props)
   
    }
    state = {
        loading: false,
        selectedRowKeys: [],
        selectedRows: [],
        dataSource: [],
        pageIndex: 1,
        pageSize: 10,
    }

    onA = () => {
        this.props.history.goBack()
    }


    render() {
        const { loading, selectedRowKeys, dataSource, pageIndex, pageSize } = this.state
        const windowWidth = document.body.clientWidth;
       
        const height = document.body.clientHeight;
        let containerHeight = '88vh';
        if (windowWidth > 1367) {
            containerHeight = '88vh';
        }

        return (
            <div>
                <Container
                    style={{ height: containerHeight, position: "relative", marginTop: "1vh", padding: "0px 10px" }}
                    header={true}
                >
                    <Row>
                        <Col span={12}><a  onClick={this.onA}>报警管理</a> >> 调阅视频</Col>
                        <Col span={12}><a  onClick={this.onA} style={{ float: "right" }}>返回</a></Col>
                    </Row>

                    <Row>
                        <Col span={4}>燃气站点 : 站点1</Col>
                    </Row>

                    <Row>
                       
                        <Col span={6}>报警时间 : <Input style={{width:"60%"}} value={'2018-02-03'} size="small" disabled={true} /></Col>
                        <Col span={6}>报警类型 : <Input style={{width:"60%"}} value={'库存报警'} size="small" disabled={true} /></Col>
                        <Col span={6}>报警详情 : <Input style={{width:"60%"}} value={'XXXXXXXXX'} size="small" disabled={true} /></Col>
                        <Col span={6}>报警状态 : <Input style={{width:"60%"}} value={'XXXXXXX'} size="small" disabled={true} /></Col>
                    </Row>



                 


                </Container>
            </div>
        )
    }
}
export default (DeviceVideo);
